import { Button } from "@mui/material";
import "./style.less";
import CalendarTodayOutlinedIcon from "@mui/icons-material/CalendarTodayOutlined";
import StarOutlineOutlinedIcon from "@mui/icons-material/StarOutlineOutlined";
import Brightness1OutlinedIcon from "@mui/icons-material/Brightness1Outlined";
import CheckCircleIcon from "@mui/icons-material/CheckCircle";

export default function Choice() {
  return (
    <div>
      <div className="nav">
        <div>
          <CalendarTodayOutlinedIcon></CalendarTodayOutlinedIcon>
          <span>9/10</span>
        </div>
        <div>
          <span>收藏</span>
          <StarOutlineOutlinedIcon></StarOutlineOutlinedIcon>
        </div>
      </div>
      <div className="choice">
        <div className="question">
          <span>单选</span>
          <span>下面有关Java？？？</span>
        </div>
        <div className="respones">
          <ul>
            <li>
              <span>
                <Brightness1OutlinedIcon fontSize="small"></Brightness1OutlinedIcon>
              </span>
              <span>
                <CheckCircleIcon
                  color="primary"
                  fontSize="small"
                ></CheckCircleIcon>
              </span>
              <span>A.final修饰的方式不允许</span>
            </li>
          </ul>
        </div>
        <p>此类型的题目暂不支持打分，按正确记分。</p>
        <Button variant="outlined">确定</Button>
      </div>
    </div>
  );
}
